<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
	<head>
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>FC_Create_VM_Demo_Java</title>
		<link rel="stylesheet" href="css/tree.css" type="text/css">
		<link rel="stylesheet" href="css/zTreeStyle.css" type="text/css">
		<link rel="stylesheet" href="css/demo.css" type="text/css" />
		<link href="css/themes/base/jquery.ui.all.css" media="screen" rel="stylesheet" type="text/css" />
		<script type="text/javascript" src="js/jquery-1.8.3.js"></script>
		<script type="text/javascript" src="js/jquery.ztree.core-3.5.js"></script>
		<script src="js/en-us.js" type="text/javascript"></script>
		<script src="js/zh-cn.js" type="text/javascript"></script>
		<script src="js/demotools.js" type="text/javascript"></script>
		<script src="js/jquery.ui.core.js" type="text/javascript"></script>
		<script src="js/jquery.ui.datepicker.js" type="text/javascript"></script>
		<script src="js/jquery.ui.widget.js" type="text/javascript"></script>
		<script src="js/jquery.ui.datepicker-zh-TW.js" type="text/javascript"></script>
		<script type="text/javascript">
			var controller;
			var lang;
			var params;
			var batchCreateVMReq;
		    
			var setting = {
					view: {
						showLine: false,
						expandSpeed: "normal"
					},
					data: {
						simpleData: {
							enable: true
						}
					}
				};
			
			var zNodes =[
			 			{ id:1, pId:0, name:"", open:true, click:"clean();"},
			 			{ id:11, pId:1, name:"", open:true, click:"clean();"},
			 			{ id:111, pId:11, name:"queryPortGroups", click:"appendInterface('queryPortGroups');"},
			 			{ id:12, pId:1, name:"", open:true, click:"clean();"},
			 			{ id:121, pId:12, name:"queryDataStores", click:"appendInterface('queryDataStores');"},
			 			{ id:13, pId:1, name:"", open:true, click:"clean();"},
			 			{ id:131, pId:13, name:"createVM", click:"appendInterface('createVM');"}
			 		];
			
			$(document).ready(function(){
				$.fn.zTree.init($("#FMTree"), setting, zNodes);
			});
			
		</script>
	</head>
	<body onload="changeLang();" style="background: gainsboro; padding-bottom: 0;">
		<!-- <div id="container" class="container" style="background: white; padding: 0 15px 0 15px; margin-top: 0; margin-bottom: 0; max-width: 1170px;"> -->
		<div id="container" class="container">
			<div class="header">
				<div style="display: inline-block;width: 177px;height: 110px;background-color: #3575B9">
					<img style="margin-left: 18px;margin-top: 28px;" src="pic/eSDK-logo.png">
				</div>
				<div style="width: 832px;height: 110px;margin: -6px;padding-left: 40px;position: absolute;display: inline-block;color: #3575B9;">
					<h1 style="font-size: 23pt">FC_Create_VM_Demo_Java</h1>
					<label id="descriptionFC"  style="font-size: 9pt;"></label>
				</div>
				<div style="position: absolute;height: 20px;float: right;margin-top: 70px;margin-left: 900px;display: inline-block;">
					<select id="changeLang" onchange="changeLang();">
						<option id="zh-cn" value="zh-cn">中文</option>
						<option id="en-us" value="en-us">English</option>
					</select>
				</div>
			</div>
			
			<div class="portal">
				<div class="menu">
					<div class="content_wrap">
						<div class="zTreeDemoBackground">
							<ul id="FMTree" class="ztree"></ul>
						</div>
					</div>
				</div>
				
				<div class="content">
					<div id="tabs" class="tabs">  
					 	<div id="menu1box" class="menu1box">  
					  		<ul id="menu1" class="menu1">  
					   			<li id="description" class="hover" onclick="setTab(1,0)"></li>  
							   	<li id="exection" onclick="setTab(1,1)"></li>  
							   	<li id="sourceCode" onclick="setTab(1,2)"></li>  
					  		</ul>  
					 	</div>  
					 	<div id="main1box" class="main1box">  
					  		<div id="main1" class="main1">  
					   			<ul class="block"><li></li></ul>  
								<ul><li></li></ul>  
								<ul><li></li></ul>  
					  		</div>  
					 	</div>  
					</div>
				</div>
			</div>
			
			<div class="footer">
				<label id="copyright" style="font-size: 12px;"></label>
			</div>
		</div>
		
		<div id="waittingDiv"></div>
		<div id="waittingImgDiv"><img id="waittingImg" alt="please wait" src="pic/loadingAnimation.gif" /></div>
	</body>
</html>